<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <link href="css/form.css" type="text/css" rel="stylesheet"/>
        <style type="text/css">
            form.dat label { width: 70px; }
            form.dat input[type='text'] { width: 200px; } 
            form.dat {
                margin: auto;
                width: 310px; /* 40px + label + text*/
            }
        </style>
    </head>
    <body>
        <form class="dat">
            <fieldset>
                <legend>Datos a Ingresar</legend>
                <label>Nombre</label>
                <input type="text"/><br/>
                <hr/>
                <div style="float: left;width: 70px">
                    <label>Genero</label>
                </div>
                <div style="float: left;width: 200px">
                    <table>
                        <tr>
                            <td><input type="radio" name="a" checked="checked"/> Másculino</td>
                        </tr>
                        <tr>
                            <td><input type="radio" name="a" checked="checked"/> Femenino</td>
                        </tr>
                    </table>
                </div>
                <div style="clear: left"></div>
                <hr/>
                <div style="float: left;width: 70px">
                    <label>Turnos</label>
                </div>
                <div style="float: left;width: 200px">
                    <table>
                        <tr>
                            <td><input type="checkbox"/> Mañana</td>
                            <td><input type="checkbox"/> Tarde</td>
                        </tr>
                        <tr>
                            <td><input type="checkbox"/> Noche</td>
                            <td><input type="checkbox"/> MediaNoche</td>
                        </tr>
                    </table>
                </div>
                <div style="clear: left"></div>
                <hr/>
                <div class="center">
                    <input type="submit" value="Enviar Datos"/>
                </div>
            </fieldset>
        </form>

        <p style="text-align: center">
            <a href="index.jsp">home</a><br/>
        </p>
    </body>
</html>
